زيادة بنسبة 97% في عمليات تثبيت تطبيقات الويب التقدّمية (PWA) لمحرّر الفيديو في Clipchamp

كيف تساعد التطبيقات المتوافقة مع الأجهزة الجوّالة على الويب وWebAssembly وChromeOS محرِّر فيديو مستندًا إلى الويب في تقديم أداء أفضل وتجربة أكثر جاذبية لـ 12 مليون مستخدم

Sören Balko

‫Clipchamp هو أداة تعديل الفيديوهات على الإنترنت داخل المتصفّح تتيح لأي مستخدم سرد القصص التي تستحق المشاركة من خلال الفيديو. يستخدم أكثر من 12 مليون صانع محتوى في جميع أنحاء العالم تطبيق Clipchamp لتعديل الفيديوهات بسهولة. نقدّم حلولاً بسيطة لإنشاء الفيديوهات، بدءًا من الأدوات البديهية، مثل الاقتصاص والقطع، وصولاً إلى الميزات العملية، مثل مسجل الشاشة، وحتى أداة إنشاء الميمات.

مَن يستخدم Clipchamp؟

المستخدمون (أو "المحرِّرون اليوميون" كما نُطلق عليهم) متنوعون. لا تحتاج إلى أي خبرة لتعديل الفيديوهات باستخدام Clipchamp. على وجه التحديد، نلاحظ حاليًا أنّ فِرق المبيعات والتدريب على الدعم وتسويق المنتجات تستخدم كاميرا الويب ومسجل الشاشة لإنشاء محتوى توضيحي سريع مع إضافة نص وملفات GIF لجعله جذابًا. نلاحظ أيضًا أنّ الكثير من الأنشطة التجارية الصغيرة تعدّل الفيديوهات وتنشرها على وسائل التواصل الاجتماعي أثناء التنقّل.

ما هي التحديات التي تواجهها؟

ندرك أنّ التعديل قد يكون أمرًا مخيفًا في البداية. ويُفترض أنّه من الصعب إجراء ذلك، ربما بسبب تجارب سابقة محبطة مع برامج التعديل المعقّدة. في المقابل، تركّز Clipchamp على السهولة والبساطة، وتوفّر الدعم من خلال المقاطع النصية ومقاطع الفيديو والموسيقى والنماذج وغيرها.

نلاحظ أنّ معظم المحرّرين لا يريدون إنشاء روائع مصوّرة. نتواصل كثيرًا مع المستخدمين ونتذكر باستمرار أنّهم مشغولون ويريدون فقط مشاركة قصصهم مع العالم بسرعة وبسهولة، لذا نركّز على ذلك.

تطوير تطبيق ويب تقدّمي (PWA) لتطبيق Clipchamp

في Clipchamp، نسعى جاهدين إلى مساعدة المستخدمين في سرد قصصهم من خلال الفيديوهات. لتحقيق هذه الرؤية، سرعان ما أدركنا أنّ السماح للمستخدمين باستخدام لقطات خاصة بهم عند إنشاء مشروع فيديو مهم.

ساهمت هذه الإحصاءات في زيادة الضغط على فريق المهندسين في Clipchamp لتطوير تكنولوجيا يمكنها معالجة ملفات الوسائط بحجم غيغابايت بكفاءة في تطبيق ويب. مع أخذ القيود المفروضة على معدل نقل بيانات الشبكة في الاعتبار، سرعان ما استبعدنا الحلّ التقليدي المستنِد إلى السحابة الإلكترونية. إنّ تحميل ملفات وسائط كبيرة من اتصال إنترنت في متجر سيؤدي إلى انتظار طويل قبل بدء عملية التعديل، ما يؤدي إلى تجربة مستخدم سيئة.

دفعنا ذلك إلى التبديل إلى حلّ متكامل داخل المتصفّح، حيث يتم تنفيذ جميع "المهام المكثفة " لمعالجة الفيديو محليًا باستخدام موارد الأجهزة المتاحة على جهاز المستخدم النهائي. لقد راهنّا بشكل استراتيجي على متصفّح Chrome، وبالتالي على نظام التشغيل ChromeOS، لمساعدتنا في التغلب على التحديات الحتمية لإنشاء منصة لإنشاء الفيديوهات داخل المتصفّح.

تتطلّب معالجة الفيديو موارد ضخمة، ما يؤثر في موارد الكمبيوتر والتخزين على حد سواء. بدأنا بإنشاء الإصدار الأول من Clipchamp على قاعدة "العميل الأصلي (المحمول) من Google" (PNaCl). على الرغم من إيقاف PNaCl نهائيًا، مثّل هذا الإطارتأكيدًا رائعًا لفريقنا بأنّ تطبيقات الويب يمكن أن تكون سريعة وذات وقت استجابة منخفض، مع مواصلة تشغيلها على أجهزة المستخدم النهائي.

عند التبديل لاحقًا إلى WebAssembly، سرّنا أن نرى Chrome يأخذ زمام المبادرة في دمج ميزات ما بعد المنتج النموذجي، مثل عمليات الذاكرة المجمّعة وعمليات التسلسل، ومؤخرًا: عمليات المتجهات ذات العرض الثابت. كان فريقنا الهندسي متحمّسًا بشدة لطرح هذه الميزة، ما سمح لنا بتحسين منظومة معالجة الفيديو للاستفادة من عمليات SIMD الرائجة في وحدات المعالجة المركزية الحالية. من خلال الاستفادة من ميزة Chrome المتوافقة مع SIMD في WebAssembly، تمكّنا من تسريع بعض المهام المكثفة بشكلٍ خاص، مثل فك ترميز الفيديوهات بدقة 4K وتشفيرها.

وبفضل خبرة محدودة وجهود أحد مهندسينا التي استغرقت أقل من شهر، تمكّنا من تحسين الأداء بمقدار 2.3 مرة. على الرغم من أنّ هذه التحسينات لا تزال متاحة في الإصدار التمهيدي من Chrome، تمكّنا من طرحها لغالبية المستخدمين. على الرغم من أنّ المستخدمين يديرون عمليات إعداد أجهزة مختلفة تمامًا، تمكّنا من تأكيد تحسن مطابق في الأداء في مرحلة الإنتاج بدون الشعور بأي تأثيرات ضارة في معدّلات الأعطال.

في الآونة الأخيرة، دمجنا واجهة برمجة التطبيقات WebCodecs API الظاهرة حديثًا، والتي تتوفّر حاليًا ضمن تجربة Chrome أخرى. باستخدام هذه الميزة الجديدة، سنتمكن من تحسين أداء فك ترميز الفيديو بشكل أكبر على الأجهزة ذات المواصفات المنخفضة، كما هو الحال في العديد من أجهزة Chromebook الشائعة.

بعد إنشاء تطبيق متوافق مع الأجهزة الجوّالة، من المهم تشجيع المستخدمين على استخدامه. كما هو الحال مع العديد من التطبيقات المتوافقة مع الويب، ركّزنا على تسهيل الوصول إلى التطبيق، بما في ذلك عمليات تسجيل الدخول باستخدام الشبكات الاجتماعية، بما في ذلك Google، ما يتيح للمستخدم الوصول بسرعة إلى مكان يمكنه فيه تعديل الفيديو ثم تصديره بسهولة. بالإضافة إلى ذلك، شجّعنا على استخدام طلبات تثبيت التطبيقات المتوافقة مع الأجهزة الجوّالة في شريط الأدوات وفي إشعار منبثق في قائمة التنقّل.

النتائج

حقّق تطبيق الويب التقدّمي (PWA) القابل للتثبيت على Chrome أداءً جيدًا جدًا. لقد سرّنا معرفة أنّه يحافظ مستخدمو التطبيقات المتوافقة مع الأجهزة الجوّالة على الويب على استخدام تطبيقك بنسبة أعلى بنسبة% 9 مقارنةً بمستخدمي الإصدار العادي من التطبيق المتوافق مع أجهزة الكمبيوتر المكتبي. شهدنا زيادة كبيرة في عمليات تثبيت تطبيق الويب التقدّمي، حيث زادت بنسبة% 97 شهريًا منذ إطلاقه قبل خمسة أشهر. وكما ذكرنا سابقًا، أدّت تحسينات WebAssembly SIMD إلى تحسين الأداء بمقدار 2.3 مرة.

في المستقبل

لقد سرّتنا المفاجأة بمستوى التفاعل مع تطبيقنا المتوافق مع الأجهزة الجوّالة (PWA) ومدى استخدامه. نعتقد أنّه قد استفادت Clipchamp من الاحتفاظ بالمستخدمين لأنّ تطبيق الويب التقدّمي مثبّت وسهل الوصول إليه. لاحظنا أيضًا أنّ تطبيق الويب التقدّمي يحقّق أداءً أفضل للمحرّر، ما يجعله أكثر إقناعًا ويشجّع المستخدمين على العودة إليه.

في المستقبل، نحن متحمّسون بشأن الفرصة التي يوفّرها ChromeOS لمزيد من المستخدمين إنجاز المزيد من المهام بسهولة أكبر. على وجه التحديد، نحن متحمّسون لبعض عمليات الدمج المريحة مع نظام التشغيل المحلي عند العمل مع الملفات. نعتقد أنّ هذا الإجراء سيساعد في تسريع سير العمل لدى المحرّرين المنشغلين يوميًا، وهو أحد أهم أولوياتنا.